Skip to content

[Lens] Table column text alignment#89300

Merged
flash1293 merged 73 commits intoelastic:masterfrom
flash1293:lens/align-column
Feb 17, 2021
Merged

[Lens] Table column text alignment#89300
flash1293 merged 73 commits intoelastic:masterfrom
flash1293:lens/align-column

Conversation

@flash1293
Copy link
Contributor

@flash1293 flash1293 commented Jan 26, 2021

Fixes #14524

Adds an option to set the text alignment of a column (left/right/center)

Screenshot 2021-01-26 at 15 33 10

Screenshot 2021-01-26 at 15 38 35

Behavior

  • Can be set for every column
  • As long as the user didn't specify an alignment, it is right aligned for numbers, left aligned for the rest
  • If the column data type changes, the alignment changes as well as long as the user didn't manually pick an alignment
  • Once the user picked an alignment once, it sticks, even if the column type changes later on
  • It's not possible to get back into the original "auto" mode without removing the dimension

Data grid has a bug with vertical scroll bars which becomes super obvious when implementing this feature. elastic/eui#4468 should take care of this, but this PR shouldn't be merged if it's not clear the EUI fix will be in the same version.

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Feature:Lens release_note:enhancement Team:Visualizations Team label for Lens, elastic-charts, Graph, legacy editors (TSVB, Visualize, Timelion) t// v7.12.0 v8.0.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Kibana Data Table: Provide an option to align data (horizontal : left, center or right, vertical : up, center, down) on each data column

8 participants